home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 123 / MacAddict_123_2006_11.iso / Software / Internet & Communication / Style Master 4.5.1.dmg / Style Master 4.5.1 Demo / Help_Files / screen.css < prev   
Cascading Style Sheet File  |  2006-05-03  |  15KB  |  747 lines
  1. body {font-size: 100%;
  2. font-family: Verdana, Helvetica, Arial, sans-serif;
  3. margin: 0;
  4. padding: 0;
  5. background-color: #fff;
  6. background-image: url(images/page_bg.gif);
  7. background-repeat: no-repeat;
  8. background-attachment: fixed; }
  9.  
  10. /*
  11.  
  12. ----positioning and box property styles-----
  13.  
  14. */
  15.  
  16. /*
  17.  
  18. ----for the whole header-----
  19.  
  20. */
  21.  
  22. #header {width: 100%;
  23. z-index: 0;
  24. float: left;
  25. border-bottom: 1px #ff5800 solid;
  26. margin-bottom: 10px; }
  27.  
  28. #header p {padding-left: 100px;
  29. padding-bottom: 22px;
  30. padding-top: 22px;
  31. margin: 0; }
  32.  
  33. /*
  34.  
  35. ----for the meta navbar-----
  36.  
  37. */
  38.  
  39. #metanav {position: absolute;
  40. top: 6px;
  41. right: 6px;
  42. width: 100px;
  43. border: 1px #091c5a solid;
  44. padding: 5px; }
  45.  
  46. #metanav ul {margin: 0;
  47. padding: 0; }
  48.  
  49. /*
  50.  
  51. ----for the tabs with the major site subsections-----
  52.  
  53. */
  54.  
  55. #header ul.sitesections {margin:0;
  56. padding: 1px 0 0 15px;
  57. width: 718px;
  58. margin-left: auto;
  59. margin-right: auto; }
  60.  
  61. /*
  62.  
  63. ----only appears when the page is printed-----
  64.  
  65. */
  66.  
  67. #printnotice {display: none;
  68. visibility: hidden; }
  69.  
  70. /*
  71.  
  72. ----contains both the main text area and the side panel-----
  73.  
  74. */
  75.  
  76. #content {position: relative;
  77. clear: both;
  78. width: 779px;
  79. margin-left: auto;
  80. margin-right: auto;
  81. z-index: 1;
  82. margin-bottom: 0; }
  83.  
  84. #maintext {width: 546px;
  85. border: 1px #b0b1ba solid;
  86. margin-left: 0;
  87. margin-right: 0; }
  88.  
  89. #sidepanel {position: absolute;
  90. top: 0;
  91. left: 559px;
  92. width: 220px;
  93. margin-left: 0;
  94. margin-right: 0;
  95. font-size: 95%; }
  96.  
  97. /*
  98.  
  99. ----the subsection navbar-----
  100.  
  101. */
  102.  
  103. .subs-navbar {border: 1px #b0b1ba solid;
  104. margin-bottom: 10px;
  105. padding-top: 0;
  106. padding-bottom: 15px; }
  107.  
  108.  
  109. /*
  110.  
  111. ----text and background styles-----
  112.  
  113. */
  114.  
  115. /*
  116.  
  117. ----for the header-----
  118.  
  119. */
  120.  
  121. #header {background-color: #091c5a;
  122. background-image: url(images/banner.gif);
  123. background-repeat: no-repeat;
  124. background-attachment: fixed; }
  125.  
  126. #header p {color: #fff;
  127. font-size: 140%;
  128. text-shadow: 2px 2px 2px #848ead; }
  129.  
  130. /*
  131.  
  132. ----for the meta navbar-----
  133.  
  134. */
  135.  
  136. #metanav {font-size: 60%;
  137. background-color: #2e3d81 ;
  138. text-align: right;
  139. color: #fff; }
  140.  
  141. #metanav ul li {list-style-type: none; }
  142.  
  143. #metanav ul li a:link, #metanav ul li a:visited {text-decoration: none;
  144. color: #fff; }
  145.  
  146. #metanav ul li a:hover {text-decoration: underline; }
  147.  
  148. /*
  149.  
  150. ----for the tabs with the major site subsections-----
  151.  
  152. */
  153.  
  154. #header ul.sitesections {font-size: 80%;
  155. text-transform: uppercase; }
  156.  
  157. #header ul.sitesections li {float:left;
  158. list-style-type:none; }
  159.  
  160. #header ul.sitesections a {display:block;
  161. float:left;
  162. border-top:1px solid #091c5a;
  163. border-left:1px solid #091c5a;
  164. border-right:1px solid #091c5a;
  165. padding:4px 8px;
  166. text-decoration:none;
  167. margin-top: 0;
  168. margin-left: 5px;
  169. margin-bottom: 0;
  170. margin-right: 0;
  171. color: #fff;
  172. background-color: #6882ab; }
  173.  
  174. #header ul.sitesections a:hover, #header ul a.current {color: #fff;
  175. background-color: #ff5800; }
  176.  
  177. /*
  178.  
  179. ----for the subsection navbar-----
  180.  
  181. */
  182.  
  183. .subs-navbar {font-size: 85%;
  184. background-color: #fff; }
  185.  
  186. .subs-navbar h1 {margin-top: 0;
  187. margin-bottom: 5px;
  188. border-bottom: 1px #b0b1ba solid;
  189. text-align: right;
  190. font-size: 110%;
  191. color: #fff;
  192. background-color: #ff5800;
  193. text-shadow: none;
  194. font-weight: normal;
  195. padding-top: 6px;
  196. padding-bottom: 6px;
  197. padding-right: 15px;
  198. }
  199.  
  200. .subs-navbar h1 a:link, .subs-navbar h1 a:visited {color: #fff;
  201. display: block;
  202. text-decoration: none; }
  203.  
  204. .subs-navbar h1 a:hover {color: #091c5a; }
  205.  
  206. .subs-navbar ul {padding: 0;
  207. margin: 0; }
  208.  
  209. .subs-navbar ul li {list-style-type: none;
  210. margin-top: 4px;
  211. margin-bottom: 4px;
  212. color: #fb5701; }
  213.  
  214. .subs-navbar ul li a:link, .subs-navbar ul li a:visited {text-decoration: none;
  215. padding-left: 2px;
  216. border-left: 10px #fff solid;
  217. color: #091c5a; }
  218.  
  219. .subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere, .subs-navbar ul li a:hover {border-left: 10px #ff5800 solid;
  220. color: #fb5701; }
  221.  
  222. .subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere {font-weight: bold; }
  223.  
  224. .subs-navbar ul li ul li a:link, .subs-navbar ul li ul li a:visited {padding-left: 10px; }
  225.  
  226. .subs-navbar ul li ul li ul li a:link, .subs-navbar ul li ul li ul li a:visited {padding-left: 20px;
  227. font-size: 85%; }
  228.  
  229. .subs-navbar ul li ul li ul li ul li a:link, .subs-navbar ul li ul li ul li ul li a:visited {padding-left: 30px;
  230. font-size: 85%; }
  231.  
  232. .subs-navbar ul li ul li ul li ul li, .subs-navbar ul li ul li ul li {margin-top: 0;
  233. margin-bottom: 0; }
  234.  
  235. .subs-navbar ul li.current-section a:link, .subs-navbar ul li.current-section a:visited {color: #ff5800; }
  236.  
  237. /*For the front page of the learning section*/
  238.  
  239. .quicklinks {border: 1px #b0b1ba solid;
  240. background-color: #fff; }
  241.  
  242. .quicklinks h1 {margin-top: 0em;
  243. margin-left: 0em;
  244. margin-right: 0em;
  245. background-color: #091c5a;
  246. color: #fff;
  247. font-size: 80%;
  248. text-align: right;
  249. text-shadow: none;
  250. font-weight: normal;
  251. padding-top: 6px;
  252. padding-bottom: 6px;
  253. padding-right: 15px;
  254. clear: both;
  255. }
  256.  
  257. .quicklinks ul {padding: 0;
  258. margin: 0;
  259. font-size: 70%;
  260. font-weight: bold; }
  261.  
  262. .quicklinks ul li {list-style-type: none;
  263. margin-top: 4px;
  264. margin-bottom: 4px;
  265. color: #fb5701; }
  266.  
  267. .quicklinks ul li a:link, .quicklinks ul li a:visited {text-decoration: none;
  268. padding-left: 2px;
  269. border-left: 10px #fff solid;
  270. color: #091c5a; }
  271.  
  272. .quicklinks ul li a:hover {border-left: 10px #ff5800 solid;
  273. color: #fb5701; }
  274.  
  275. .quicklinks p {margin-left: 15px;
  276. margin-right: 15px;
  277. font-size: 75%;
  278. line-height: 1.6em;
  279. margin-top: 8px;
  280. margin-bottom: 8px;
  281. color: #3e3e3e; }
  282.  
  283. /*--------------------main text area styles--------------------*/
  284.  
  285. #maintext {background-color: #fff;
  286. color: #3e3e3e; }
  287.  
  288. #maintext a:link, .quicklinks p a:link {color: #3e3e3e; }
  289.  
  290. #maintext a:visited, .quicklinks p a:visited {color: #6c6c6c;
  291. border-bottom: 1px dotted #6c6c6c;
  292. text-decoration: none; }
  293.  
  294. #maintext a:hover, .quicklinks p a:hover {background-color: #3e3e3e;
  295. color: #fff;
  296. text-decoration: none;
  297. border-bottom: none; }
  298.  
  299. #maintext p, #maintext ul, #maintext ol {margin-left: 20px;
  300. margin-right: 20px;
  301. font-size: 75%;
  302. line-height: 1.6em;
  303. margin-bottom: 15px;
  304. margin-top: 0; }
  305.  
  306. #maintext table ul {font-size: inherit; }
  307.  
  308. #maintext ul li ul li {font-size: 135%;
  309. line-height: 1.6em;
  310. list-style-type: disc; }
  311.  
  312. #maintext ul li ol li {font-size: 135%;
  313. line-height: 1.6em; }
  314.  
  315. #maintext ul ul, #maintext ul ul ul {margin-top: 0px;
  316. margin-bottom: 0px; }
  317.  
  318. #maintext ul, #maintext ol {margin-left: 35px; }
  319.  
  320. li.follow-on {list-style-type: none; }
  321.  
  322. h1, h2, h3, h4, h5, h6 {color: #6882ab;
  323. padding-left: 20px;
  324. padding-right: 20px;
  325. font-weight: normal;
  326. font-style: normal;
  327. text-decoration: none;
  328. text-transform: uppercase; }
  329.  
  330. h1 {
  331. border-bottom: 1px #b0b1ba solid;
  332. margin-top: 0;
  333. padding-top: 6px;
  334. padding-bottom: 6px;
  335. margin-bottom: 15px;
  336. font-size: 85%;
  337. color: #ffffff;
  338. background-color: #6882ab; }
  339.  
  340. h1#welcome {
  341. padding: 0em;
  342. border-bottom: none;
  343. background-color: transparent; }
  344.  
  345. h2 {font-size: 85%;
  346. margin-top: 20px;
  347. margin-bottom: 2px; }
  348.  
  349. h3 {font-size: 75%;
  350. margin-top: 15px;
  351. margin-bottom: 2px;
  352. }
  353.  
  354. h4 {font-size: 70%;
  355. margin-top: 15px;
  356. margin-bottom: 2px;
  357.  }
  358.  
  359. h5 {
  360. margin-top: 15px;
  361. margin-bottom: 2px;
  362. font-size: 65%;
  363. text-decoration: underline; }
  364.  
  365. h6 {
  366. margin-top: 15px;
  367. margin-bottom: 2px;
  368. font-size: 65%;
  369. font-style: italic; }
  370.  
  371. blockquote {border: 1px #b0b1ba solid;
  372. margin-left: 20px;
  373. margin-right: 20px;
  374. margin-top: 20px;
  375. background-color: #f2f2f2; }
  376.  
  377. #maintext blockquote p {margin-top: 3px;
  378. margin-bottom: 3px; }
  379.  
  380. blockquote p cite {font-size: 90%; }
  381.  
  382. img.floatright {float: right; }
  383.  
  384. a img {border: none; }
  385.  
  386. #maintext blockquote.promo p {font-weight: bold;
  387. font-size: 65%;
  388. color: #091c5a; }
  389.  
  390. #maintext p.figure {text-align: center;
  391. clear: both;
  392. margin-top: 15px; }
  393.  
  394. #maintext .figure-label, caption {text-align: center;
  395. font-size: 65%;
  396. font-weight: bold; }
  397.  
  398. h1#welcome {padding: 0em;
  399. border-bottom: none; }
  400.  
  401. /*For tables*/
  402.  
  403. table {font-size: 75%;
  404. line-height: 1.6em;
  405. width: 504px;
  406. caption-side: bottom;
  407. background-color: #f3f1f4;
  408. margin-left: auto;
  409. margin-right: auto;
  410. border-collapse: collapse; }
  411.  
  412. td {border: 1px #d8d8d8 solid; }
  413.  
  414. th {border: 1px #bebebe solid;
  415. text-align: left;
  416. color: #f3f1f4;
  417. background-color: #bebebe; }
  418.  
  419. /*For arrows to move between sections in a tutorial*/
  420.  
  421. .forward-back {text-align: right;
  422. margin-top: 0em;
  423. margin-bottom: 0em;
  424. color: #ff5800;
  425. font-weight: bold; }
  426.  
  427. .forward-back a span {background-color: #ff5800;
  428. color: #ffffff;
  429. text-decoration: none; }
  430.  
  431. .forward-back a:link, .forward-back a:visited {font-weight: normal; }
  432.  
  433. /*--------------------footer styles--------------------*/
  434.  
  435. #footer {font-size: 75%;
  436. text-align: right;
  437.  
  438. color: #091c5a;
  439.  
  440. padding-top: 20px;
  441. padding-bottom: 20px; }
  442.  
  443. #footer a:link, #footer a:visited {color: #091c5a;
  444. text-decoration: none; }
  445.  
  446. #footer a:hover {text-decoration: underline;
  447. background-color: #fff; }
  448.  
  449. #maintext p#standards, #maintext p#westciv-details {
  450. margin-top: 0px;
  451. margin-bottom: 0em;
  452.  }
  453.  
  454. #westciv-details img {
  455. float: left; }
  456.  
  457. /*For product info pages*/
  458.  
  459. .prod-summary {border: 1px #b0b1ba solid;
  460. margin-left: 20px;
  461. margin-right: 20px;
  462. margin-top: 15px;
  463. margin-bottom: 20px;
  464. background-color: #f2f2f2; }
  465.  
  466. #maintext .prod-summary p {margin-top: 2px;
  467. margin-bottom: 2px;
  468. font-size: 75%; }
  469.  
  470. #maintext .prod-summary h2 {border-bottom: 1px #b0b1ba solid;
  471. color: #3e3e3e;
  472. margin-top: 3px;
  473. margin-bottom: 3px;
  474. padding-top: 2px;
  475. padding-bottom: 2px; }
  476.  
  477. .screen-thumbs p {text-align: center;
  478. font-size: 70%;
  479. color: #3e3e3e; }
  480.  
  481. /*For promotions under the side navbar*/
  482.  
  483. .side-promo-top {text-align: center;
  484. margin-top: 0em;
  485. margin-left: 0em;
  486. margin-bottom: 25px;
  487. margin-right: 0em; }
  488.  
  489. .side-promo-top p {margin: 0em; }
  490.  
  491. #sidepanel .side-promo-2nd {height: 175px;
  492. width: 218px;
  493. margin-top: 35px;
  494. background-image: url(images/sm_logo.gif);
  495. background-repeat: no-repeat;
  496. background-position: center top; }
  497.  
  498. #sidepanel>.side-promo-2nd {height: 177px;
  499. width: 218px;
  500. margin-top: 35px;
  501. background-image: url(images/sm_logo.png);
  502. background-repeat: no-repeat;
  503. background-position: center top; }
  504.  
  505. .side-promo-2nd p {margin: 0em; }
  506.  
  507. .side-promo-text {background-color: #f2f2f2;
  508. border: 1px #b0b1ba solid;
  509. width: 122px;
  510. margin-left: auto;
  511. margin-right: auto;
  512. margin-top: 15px;
  513. padding-left: 2px;
  514. padding-right: 2px;
  515. padding-bottom: 5px; }
  516.  
  517. .side-promo-text a:link, .side-promo-text a:visited {color: #3e3e3e;
  518. text-decoration: none; }
  519.  
  520. .side-promo-text a:hover {text-decoration: underline; }
  521.  
  522. .side-promo-text h1, .side-promo-2nd h1 {border-bottom: 1px #b0b1ba solid;
  523. font-size: 70%;
  524. text-shadow: none;
  525. padding-left: 0;
  526. background-color: transparent; }
  527.  
  528. .side-promo-text p {font-size: 65%; }
  529.  
  530. /* For the hands-on tutorial. */
  531.  
  532. #maintext .section-summary {background-color: #f3f1f4;
  533. padding-top: 10px;
  534. margin-bottom: 15px;
  535. margin-top: 15px;}
  536.  
  537. #maintext .section-summary p {margin-top: 0em; }
  538.  
  539. #maintext .section-summary ul li {margin-top: auto;
  540. margin-bottom: auto; }
  541.  
  542. code {font-size: larger; }
  543.  
  544. .code-example, pre {font-family: Courier, "Courier New", monospace;
  545. background-color: #f3f1f4;
  546. margin-left: 20px;
  547. margin-right: 20px;
  548. padding: 20px;
  549. border: 1px #b0b1ba solid;
  550. margin-bottom: 15px; }
  551.  
  552. #maintext .code-example p {margin: 0; }
  553.  
  554. .exercise {margin-left: 20px;
  555. margin-right: 20px;
  556. border: 1px #b0b1ba solid;
  557. background-color: #f2f2f2;
  558. margin-bottom: 15px; }
  559.  
  560. .exercise h1 {border-bottom: 1px #b0b1ba solid;
  561. color: #3e3e3e;
  562. text-shadow: none;
  563. font-size: 90%;
  564. text-transform: none; 
  565. background-color: #f2f2f2;}
  566.  
  567. .sm-only {border-left: 2px #ff7b08 solid;
  568. border-right: 2px #ff7b08 solid;
  569. border-top: 1px #ff7b08 solid;
  570. border-bottom: 1px #ff7b08 solid;
  571. margin-top: 15px; 
  572. margin-bottom: 15px; }
  573.  
  574. span.button {font-weight: bold; }
  575.  
  576. span.menu {font-weight: bold; }
  577.  
  578. p.instruction-intro {font-weight: bold;
  579. text-decoration: underline; }
  580.  
  581. #maintext p.instruction-step {padding-left: 20px; }
  582.  
  583. div.faq p span.menu {font-weight: bold;
  584. font-size: 1em;
  585. color: inherit;
  586. font-family: inherit; }
  587.  
  588. .note-well {border: 1px #b0b1ba solid;
  589. margin-left: 20px;
  590. margin-right: 20px;
  591. margin-top: 20px;
  592. background-color: #f2f2f2; }
  593.  
  594. /*For the blocks at the top of articles*/
  595.  
  596. #abstract {background-color: #f3f1f4;
  597. border: 1px #b0b1ba solid;
  598. margin-left: 20px;
  599. margin-right: 20px;
  600. margin-top: 20px; }
  601.  
  602. #abstract h1 {color: #3e3e3e;
  603. font-size: 75%;
  604. font-weight: bold;
  605. text-shadow: none;
  606. border-bottom: 1px #b0b1ba solid; }
  607.  
  608. #maintext #abstract p {margin-top: 5px;
  609. margin-bottom: 5px; }
  610.  
  611. .item-desc {width: 60%; }
  612.  
  613. #maintext ul.sitemap {margin-left: 25px; }
  614.  
  615. #maintext ul.sitemap li ul {margin-left: 0px; }
  616.  
  617. #maintext ul.sitemap li ul li {list-style-type: disc; }
  618.  
  619. /*For forms*/
  620.  
  621. textarea {width: 478px;
  622. height: 15em; }
  623.  
  624. fieldset {border: none;
  625. padding-left: 10px; }
  626.  
  627. #maintext fieldset p {margin-left: 0em;
  628. margin-right: 0em;
  629. padding-left: 0em;
  630. padding-right: 0em; }
  631.  
  632. input.text {width: 239px; }
  633.  
  634. /*For the FAQ*/
  635.  
  636. div.list-faq {border: 1px #b0b1ba solid;
  637. background-color: #f2f2f2;
  638. margin-left: 20px;
  639. margin-right: 20px;
  640. margin-top: 15px;
  641. margin-bottom: 15px; }
  642.  
  643. div.faq p strong span, div.list-faq p strong span {font-family: "Courier New", Courier, monospace;
  644. font-size: 350%;
  645. color: #fd5700; }
  646.  
  647. div.faq p span, div.list-faq p span {font-weight: bold;
  648. font-family: "Courier New", Courier, monospace;
  649. font-size: 350%;
  650. color: #091c5a; }
  651.  
  652. div.faq p span, div.list-faq p span.menu {font-weight: bold;
  653. font-family: inherit;
  654. font-size: inherit;
  655. color: inherit; }
  656.  
  657. #maintext div.faq p.question, #maintext div.list-faq p.question {margin-bottom: 25px; }
  658.  
  659. .question {font-weight: bold; }
  660.  
  661. /*For promos within the main body text*/
  662.  
  663. div.wcintextpromo {float: right;
  664. width: 232px;
  665. margin-right: 20px;
  666. margin-left: 20px;
  667. font-size: 80%;
  668. background-color: #e4e6ed;
  669. border: 1px #b0b1ba solid;
  670. margin-bottom: 10px;
  671. margin-top: 10px; }
  672.  
  673. #maintext div.wcintextpromo p {margin-left: 7px;
  674. margin-right: 7px; }
  675.  
  676. #maintext div.wcintextpromo ul {margin-left: 0px;
  677. font-weight: bold;
  678. color: #091c5a; }
  679.  
  680. #maintext div.wcintextpromo ul li {margin-top: 0em;
  681. margin-bottom: 0em; }
  682.  
  683. #maintext div.wcintextpromo ul li a:link, #maintext div.wcintextpromo ul li a:visited {color: #091c5a; }
  684.  
  685. #maintext div.wcintextpromo ul li a:hover {background-color: #091c5a;
  686. color: #fff; }
  687.  
  688. #maintext div.wcintextpromo p.banner {margin: 0em;
  689. text-align: center;
  690. font-size: 110%;
  691. margin-top: 7px; }
  692.  
  693. #maintext div.wcintextpromo p {clear: left; }
  694.  
  695. #maintext div.wcintextpromo p.banner a img.floatleft {float: left; }
  696.  
  697. #maintext div.wcintextpromo .sitepoint {color: #ff6600; }
  698.  
  699. /*For the ads throughout the text in the guide*/
  700.  
  701. .fullversion {border: 1px #ff5800 solid;
  702. float: right;
  703. clear: both;
  704. width: 130px;
  705. margin-right: 20px;
  706. font-size: 80%;
  707. margin-left: 15px;
  708. color: #ff5800;
  709. background-color: #fff;
  710. margin-bottom: 20px; }
  711.  
  712. #maintext .fullversion h3, #maintext .fullversion h4, #maintext .fullversion h5, #maintext .fullversion h6 {margin-top: 0em;
  713. margin-left: 0px;
  714. margin-right: 0em;
  715. background-color: #ff5800;
  716. margin-bottom: 3px;
  717. font-style: normal;
  718. padding-left: 2px;
  719. padding-top: 3px;
  720. padding-bottom: 3px;
  721. color: #fff; }
  722.  
  723. #maintext .fullversion p {padding: 0em;
  724. margin: 2px; }
  725.  
  726. #maintext .fullversion a:link, #maintext .fullversion a:visited {color: #ff5800; }
  727.  
  728. #maintext .fullversion a:hover {color: #fff;
  729. background-color: #ff5800; }
  730.  
  731. .top-text-promo {border-bottom: 1px #b0b1ba solid;
  732. border-top: 1px #b0b1ba solid;
  733. text-align: center; }
  734.  
  735. #maintext .top-text-promo p {margin: 0em; }
  736.  
  737. #maintext .top-text-promo a:link, #maintext .top-text-promo a:visited {text-decoration: none;
  738. display: block;
  739. color: #ffffff;
  740. background-color: #6882ab;
  741. border-bottom: none; }
  742.  
  743. #maintext .top-text-promo a:hover {background-color: #ff5800;
  744.  }
  745.  
  746. .standout-text {
  747. color: #fa5900; }